<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>惠生活</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="${resources}/css/common.css" type="text/css">
    <link rel="stylesheet" href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  	<link rel="stylesheet" href="${resources}/plugins/swiper/swiper-3.3.1.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${resources}/css/huiLifeHome.css" type="text/css">
    <#include "setwxshare.ftl"/>
</head>
<body>

    <div id="container">
        <div class="title">
            <a href="javascript:history.go(-1);" class="back">
                <i class="fa fa-angle-left" aria-hidden="true"></i>
                <span>惠生活</span>
            </a>
            <div class="formBox">
                
                 <form class="search"  action="${path}/vouchermarket/merchant/search" method="post"  id="searchForm">
		            <input id="search"  name="name" type="search" placeholder="请输入商品名称">
		         </form>
            </div>
        		 <i class="fa fa-search search" aria-hidden="true" onclick="search()"></i>
     </div>
     
        <div class="wrapper">
            <div>
                <!--分类列表-->
                <div class="topBar">
                    <ul>
                    	<#list categorytList as category>
                    	<#if (category_index<5)>
                   		 <li><a href="${path}/vouchermarket/merchant?categoryid=${category.id}"><div class="imgBox"><img src="${category.picurl}"></div><p>${category.name}</p> </a></li>
                    	</#if>
                    	</#list>
                        <li><a href="${path}/vouchermarket/merchant"><div class="imgBox"><img src="${resources}/images/f_6.png"></div><p>更多</p></a></li>
                    </ul>
                </div>
                <#--内容-->
                <div class="content">
                    <#--推荐商家-->
                    <div class="remmBussinesser">
                        <div class="remmTitle">
                            <span>推荐商家</span>
                            <a href="${path}/vouchermarket/merchant">更多&nbsp;<i class="fa fa-caret-right" aria-hidden="true"></i></a>
                        </div>
                        <div class="remmList">
							<div class="swiper-shop">
								<ul class="swiper-wrapper">
									<#list merchantList as merchant>
	                                <li class="swiper-slide">
	                                <a href="${path}/vouchermarket/merchant/${merchant.id}">
	                                <img src="${resources}/images/5_2.png" alt="">
	                                <img src="${merchant.picurl}" alt="">
	                                </a>
	                                </li>
	                    			</#list>
								</ul>
							</div>
                        </div>
                    </div>
                    <#--猜你喜欢-->
                    <div class="lover">
                        <div class="loverTitle">
                            <span>猜你喜欢</span>
                            <!--
                            <a href="javascript:void(0);">更多&nbsp;<i class="fa fa-caret-right" aria-hidden="true"></i></a>
                            -->
                        </div>
                        <div class="loverList">
                                <ul id="foodList">
                                	<#list goodsList as goods>
                                    <li><a href="${path}/vouchermarket/goods/${goods.id}"><div class="fImg"><img src="${goods.picurl}" alt=""></div><h3>${goods.name}</h3><p>${goods.merchant.address}</p><p><span>￥${goods.price}</span><span class="count">已售${goods.sales}</span></p></a></li>
                                	</#list>
                                </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script src="${resources}/plugins/jquery/2.2.2/jquery.min.js"></script>
<script src="${resources}/plugins/swiper/swiper-3.3.1.jquery.min.js"></script>
<script src="${resources}/js/iscroll-probe.js"></script>
<script src="${resources}/js/common.js"></script>
<script src="${resources}/js/huiLifeHome.js"></script>
    
<script>   
	//查询热搜词
	function search(){
		$("#searchForm").submit();
	}
</script> 
<script language="javascript">
	//轮播商户
	var mySwiper = new Swiper('.swiper-shop',{
		slidesPerView : 5
	});
</script>
</html>